<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="widdh=device-widdh, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/detail.css">
    <script src="../js/common.js"></script>
    <script src="../js/detail.js"></script>
    <title>Document</title>
</head>
<body id="box">
    <div id="top">
            <div class="contents">
    
                    <span class="top-left" id="use">
                    您好，欢迎来到 NALA！ 【 <a href="Login.html">请登录</a><s>&nbsp;</s><a href="register.html">免费注册</a> 】
                    </span>
    
                    <ul class="top-right">
                    <li> 
                        <a href="javascript:;">我的现货单</a>
                </li>
                    <li> <a href="javascript:;">我的订货单</a></li>
                    <li> <a href="javascript:;">我的收藏</a></li>
                    <li> <a href="javascript:;">帮助中心</a></li>
                    <li> 
                    <a href="javascript:;">手机逛NALA</a>
                    <div class="ewm">
                        <a href="javascript:;"><img src="../img/index-img/2code.jpg" alt=""></a>
                    </div>
                    </li>
                    </ul>
            </div>
        </div>
    <div id="header">
            <div class="contents">
                <div class="header-1">
                    <a href="../shouye.html">
                    <img src="../img/index-img/nalalogo.png" alt="">
                    </a>
                </div>
                <form action="">
                    <input type="text" placeholder="请输入商品名称丶条码或品牌">
                    <input type="button" value="搜索">
                </form>
                <div class="hot">
                    <span>热搜榜:</span>
                    <a href="javascript:;">凡士林</a>
                    <a href="javascript:;">Nursery</a>
                    <a href="javascript:;">乐在其中</a>
                    <a href="javascript:;">Redearth</a>
                    <a href="javascript:;">芙丽芳丝</a>
                </div>
                <div class="cart" id="gouwuche">
                    <span>购物车</span>
                </div>
            </div>
        </div>
    <div id="nav">
        <div class="contents">
            <div id="all"><a href="javascript:;">所有分类</a>
                <div id="nav-left">
                        <ul>
                            <li>
            
                                <h3>
                                    <i class="iconf"></i>
                                    护肤</h3>
                                <a href="javascript:;">面膜贴</a>
                                <a href="javascript:;">洁面乳</a>
                                <a href="javascript:;">眼霜</a>
                                <a href="javascript:;">套装</a>
                                <a href="javascript:;">防晒霜</a>
                                <a href="javascript:;">化妆水</a>
                                <a href="javascript:;">乳液</a>
                                <a href="javascript:;">喷雾</a>
                            </li>
                            <li>
                                <h3>
                                    <i class="iconf"></i>
                                    彩妆</h3>
                                <a href="javascript:;">卸妆水</a>
                                <a href="javascript:;">口红</a>
                                <a href="javascript:;">粉底液</a>
                                <a href="javascript:;">眉笔</a>
                                <a href="javascript:;">BB霜&CC霜</a>
                                <a href="javascript:;">睫毛膏</a>
                                <a href="javascript:;">眼线笔</a>
                            </li>
                            <li>
                                <h3>
                                    <i class="iconf"></i>
                                    个人护理</h3>
                                <a href="javascript:;">洗发水</a>
                                <a href="javascript:;">牙膏</a>
                                <a href="javascript:;">卫生用品</a>
                                <a href="javascript:;">身体乳</a>
                                <a href="javascript:;">沐浴露</a>
                                <a href="javascript:;">香水</a>
                                <a href="javascript:;">脱毛</a>
                                <a href="javascript:;">护手霜</a>
                            </li>
                            <li>
                                <h3>
                                    <i class="iconf"></i>
                                    美妆工具</h3>
                                <a href="javascript:;">洁面巾</a>
                                <a href="javascript:;">化妆刷</a>
                                <a href="javascript:;">化妆棉</a>
                                <a href="javascript:;">吸油纸</a>
                                <a href="javascript:;">粉扑</a>
                                <a href="javascript:;">修眉刀</a>
                                <a href="javascript:;">棉签</a>
                                <a href="javascript:;">睫毛夹</a>
                            </li>
                                    <div>
                                <p>
                                    <span>
                                            <a href="javascript:;">面膜</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                            <a href="javascript:;">面膜贴</a>
                                            <a href="javascript:;">涂抹式面膜</a>
                                    </span>
                                </p>
                                <p>
                                    <span>
                                            <a href="javascript:;">洁面</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">洁颜霜</a>
                                        <a href="javascript:;">洁面乳</a>
                                        <a href="javascript:;">洁面皂</a>
                                        <a href="javascript:;">洁面啫喱/胶</a>
                                        <a href="javascript:;">洁面摩丝</a>
                                        <a href="javascript:;">洁面粉</a>
                                        <a href="javascript:;">面部去角质/磨砂</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                        <a href="javascript:;">化妆水</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">化妆水</a>
                                        <a href="javascript:;">喷雾</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                        <a href="javascript:;">精华</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">面部精华</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                        <a href="javascript:;">眼部护理</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">眼霜</a>
                                        <a href="javascript:;">眼膜</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">乳液/面霜</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">乳液</a>
                                        <a href="javascript:;">面霜</a>
                                        <a href="javascript:;">按摩霜</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">唇部护理</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">润唇膏</a>
                                        <a href="javascript:;">唇膜</a>
                                        <a href="javascript:;">唇部精华</a>
                                        <a href="javascript:;">唇部去角质</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">防晒</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">防晒霜</a>
                                        <a href="javascript:;">防晒喷雾</a>
                                        <a href="javascript:;">晒后修复</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">精油芳疗</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">单方精油</a>
                                        <a href="javascript:;">复方精油</a>
                                        <a href="javascript:;">基础精油</a>
                                        <a href="javascript:;">纯露/花水</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">护肤套装</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">套装</a>
                                    </span>
                                </p>       
                                    </div>
            
                                    <div>
                                        <p>
                                    <span>
                                            <a href="javascript:;">定妆</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                            <a href="javascript:;">定妆喷雾</a>
                                            <a href="javascript:;">卸妆水</a>
                                            <a href="javascript:;">卸妆乳/啫喱</a>
                                            <a href="javascript:;">卸妆霜/膏</a>
                                            <a href="javascript:;">眼唇卸妆</a>
                                            <a href="javascript:;">卸妆巾</a>
                                            <a href="javascript:;">卸妆棉签</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">隔离</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">隔离</a>
                                        <a href="javascript:;">妆前</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                        <a href="javascript:;">底妆</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">BB霜/CC霜</a>
                                        <a href="javascript:;">粉底液</a>
                                        <a href="javascript:;">粉底霜</a>
                                        <a href="javascript:;">粉底液</a>
                                        <a href="javascript:;">粉底棒</a>
                                        <a href="javascript:;">粉饼</a>
                                        <a href="javascript:;">蜜粉/散粉</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                        <a href="javascript:;">眉部</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">眉笔</a>
                                        <a href="javascript:;">眉粉</a>
                                        <a href="javascript:;">眉膏</a>
                                        <a href="javascript:;">眉部护理</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                        <a href="javascript:;">眼部</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">眼影</a>
                                        <a href="javascript:;">眼线笔</a>
                                        <a href="javascript:;">眼线膏/胶</a>
                                        <a href="javascript:;">眼线液</a>
                                        <a href="javascript:;">眼部打底</a>
                                    </span>
                                </p>
                                <p>
                                    <span>
                                            <a href="javascript:;">睫毛</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">睫毛膏</a>
                                        <a href="javascript:;">睫毛增长液</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">腮红</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">腮红膏</a>
                                        <a href="javascript:;">液体腮红</a>
                                        <a href="javascript:;">粉状腮红</a>
                                        <a href="javascript:;">气垫腮红</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">唇部</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">唇彩/唇蜜</a>
                                        <a href="javascript:;">染唇笔</a>
                                        <a href="javascript:;">口红</a>
                                        <a href="javascript:;">唇线笔</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">美甲</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">指甲油</a>
                                        <a href="javascript:;">洗甲水/巾</a>
                                        <a href="javascript:;">指甲护理</a>
                                    </span>
                                </p>
            
                                <p>
                                    <span>
                                            <a href="javascript:;">修容</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    <span>
                                        <a href="javascript:;">高光</a>
                                        <a href="javascript:;">修容</a>
                                        <a href="javascript:;">遮瑕</a>
                                    </span>
                                </p> 
                                <p>
                                    <span>
                                            <a href="javascript:;">套装</a><i>&nbsp;&nbsp;</i>
                                    </span>
                                    
                                        <a href="javascript:;">组合</a>
                                    </span>
                                </p> 
                                    </div>
            
                                    <div>
                                    <p>
                                    <span><a href="javascript:;">沐浴</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">沐浴露</a>
                                        <a href="javascript:;">香皂</a>
                                        <a href="javascript:;">身体去角质/磨砂</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">洗发/护发</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">洗发水</a>
                                        <a href="javascript:;">洗发膏</a>
                                        <a href="javascript:;">洗发皂</a>
                                        <a href="javascript:;">干洗喷雾</a>
                                        <a href="javascript:;">发膜</a>
                                        <a href="javascript:;">护发素</a>
                                        <a href="javascript:;">免洗精华</a>
                                        <a href="javascript:;">洗护套装</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">美发造型</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">染发</a>
                                        <a href="javascript:;">定型</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">口腔护理</a><i>&nbsp;&nbsp;</i></span>
                                    <span>
                                        <a href="javascript:;">牙膏/牙粉</a>
                                        <a href="javascript:;">牙刷</a>
                                        <a href="javascript:;">漱口水</a>
                                        <a href="javascript:;">牙贴</a>
                                        <a href="javascript:;">牙线</a>
                                    </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">纤体/美体</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">纤体瘦身</a>
                                        <a href="javascript:;">美体</a>    
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">手足护理</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">洗手液</a>
                                        <a href="javascript:;">护手霜</a>
                                        <a href="javascript:;">手膜</a>
                                        <a href="javascript:;">护足霜</a>
                                        <a href="javascript:;">足膜</a>
                                        <a href="javascript:;">足浴产品</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">身体护理</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">磨砂膏</a>
                                        <a href="javascript:;">身体乳</a>
                                        <a href="javascript:;">脱毛</a>
                                        <a href="javascript:;">体膜/按摩霜</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">颈部护理</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">颈霜</a>
                                        <a href="javascript:;">颈膜</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">女性卫生</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">卫生用品</a>
                                        <a href="javascript:;">私密护理(辉哥的最爱)</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">其他护理</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">美容口服液</a>
                                        <a href="javascript:;">防尘口罩</a>
                                        </span>
                                    </p>
                                    </div>
            
                                    <div>
                                    <p>
                                    <span><a href="javascript:;">面部工具</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">洁面工具</a>
                                        <a href="javascript:;">吸油纸</a>
                                        <a href="javascript:;">洁面巾</a>
                                        <a href="javascript:;">洁面仪</a>
                                        <a href="javascript:;">面扑</a>
                                        <a href="javascript:;">化妆棉</a>
                                        <a href="javascript:;">纸膜</a>
                                        <a href="javascript:;">棉签</a>
                                        <a href="javascript:;">粉刺针</a>
                                        <a href="javascript:;">脸部按摩工具</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">彩妆工具</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">化妆刷</a>
                                        <a href="javascript:;">睫毛夹</a>
                                        <a href="javascript:;">假睫毛</a>
                                        <a href="javascript:;">双眼皮贴</a>
                                        <a href="javascript:;">修眉工具</a>
                                        <a href="javascript:;">粉扑</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">身体类工具</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">沐浴工具</a>
                                        <a href="javascript:;">美体工具</a>
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">手足类工具</a><i>&nbsp;&nbsp;</i></span>
                                    <span>
                                        <a href="javascript:;">护足工具修足机美甲工具</a>
                                    </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">头发类工具</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">梳子</a>
                                        <a href="javascript:;">其他美发工具</a>    
                                        </span>
                                    </p>
                                    <p>
                                    <span><a href="javascript:;">其他工具</a><i>&nbsp;&nbsp;</i></span>
                                        <span>
                                        <a href="javascript:;">其他</a>
                                        <a href="javascript:;">收纳</a>
                                        <a href="javascript:;">化妆工具清洁</a>
                                        <a href="javascript:;">分装瓶</a>
                                        </span>
                                    </p>
                                    </div>
                                </ul>
                    </div>
            </div>
            <ul>
                <li><a href="javascript:;">品牌大全</a></li>
                <li><a href="javascript:;">NALA热销</a></li>
                <li><a href="javascript:;">NALA服务</a></li>
                <li><a href="javascript:;">快速采购</a></li>
            </ul>
        </div>
        </div>
    <div id="detail">
        <div class="contents">
            <div id="detail-top">
                <div id="details-left">
                    <div class="l-top" id="datu">
                        <!-- <img src="../img/detail-img/1543910234309417.jpg" alt="">
                        <img src="../img/detail-img/1543910234309417.jpg" alt="">
                        <img src="../img/detail-img/1543910234309417.jpg" alt=""> -->
                    </div>
                    <div id="fangdajing" style="display: none"></div>
                    <div class="l-center">
                         <ul id="xiaotu">
                            <!-- <li>
                                <img src="../img/detail-img/1543910234309417.jpg" alt="">
                                <div></div>
                            </li>
                            <li>
                                <img src="../img/detail-img/1543910234309417.jpg" alt="">
                                <div></div>
                            </li>
                            <li>
                                <img src="../img/detail-img/1543910234309417.jpg" alt="">
                                <div></div>
                            </li> -->
                        </ul>
                    </div>
                    <div  class="l-bottom">
                        <span id="xiaoliang"></span>
                        <span>收藏商品(2)</span>
                    </div>
                    <div id="fangdajing2"></div>
                </div>
                <div id="details-right">
                    <div class="r-top">
                        <div>
                            <img id="prand-img" src="../img/detail-img/AU.png" alt="">
                            <span id="prand"></span>
                        </div>
                        <h1 id="name"></h1>
                    </div>
                    <div class="r-center">
                        <div class="center-1">
                            <p>
                                批发价：
                                <span id="price"></span>
                            </p>
                            <p>
                                <span id="batch"></span>
                                <span id="hun"></span>
                            </p>
                        </div>
                        <div class="center-2">
                            <ul>
                                <li class="gaoliang">现货</li>
                                <li>订货</li>
                            </ul>
                            <div class="database">
                                <div>
                                    <span>规格</span>
                                    <span>
                                        <span>批发价</span>
                                        <span>/</span>
                                        <span  style="color:rgb(121, 121, 121)">采购数量</span>
                                    </span>
                                    <span>箱规</span>
                                </div>
                                <div>
                                    <div>
                                        <p class="yanse"></p>
                                        <p class="tiaoma" style="color:rgb(121, 121, 121)"></p>
                                    </div>
                                    <div class="jiage"  style="color: #568ae8"></div>
                                    <div class="jian" style="color:rgb(121, 121, 121)"></div>
                                    <div class="kucun" style="color: #568ae8"></div>
                                </div>
                                <div>
                                    <div>
                                        <p class="yanse"></p>
                                        <p class="tiaoma" style="color:rgb(121, 121, 121)"></p>
                                    </div>
                                    <div class="jiage"  style="color: #568ae8"></div>
                                    <div class="jian"  style="color:rgb(121, 121, 121)"></div>
                                    <div class="kucun"  style="color: #568ae8"></div>
                                </div>
                                <div>
                                    <div>
                                        <p class="yanse"></p>
                                        <p class="tiaoma" style="color:rgb(121, 121, 121)" ></p>
                                    </div>
                                    <div class="jiage"  style="color: #568ae8"></div>
                                    <div class="jian"  style="color:rgb(121, 121, 121)"></div>
                                    <div class="kucun"   style="color: #568ae8"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="r-bottom">
                        <img src="../img/detail-img/15474505090731115.jpg" alt="">
                    </div>
                </div>
                
            </div>

            <div class="gouwuche2">
                <input type="text" value="喜欢此商品- - - - - - - - - - - - -">
                <input type="button" value="加入购物车" id="gouwuche2">
            </div>





            <div id="detail-buttom">
                <div id="jiesao">
                    <!-- <img src="../img/detail-img/O1CN010kLq1W28Eho4k7Xvz_!!171367901.png" alt=""> -->
                </div>
            </div>
            </div>
    </div>
    <div id="footer">
            <div class="contents">
                <div>
                    <a href="javascript:;">关于我们</a>
                    <span>/</span>
                    <a href="javascript:;">联系我们</a>
                    <span>/</span>
                    <a href="javascript:;">人才招聘</a>
                    <span>/</span>
                    <a href="javascript:;">红人合作</a>
                    <span>/</span>
                    <a href="javascript:;">品牌研发</a>
                    <span>/</span>
                    <a href="javascript:;">多元渠道</a>
                </div>
                <div>
                    <p>©2018 娜拉 www.nala.com.cn 浙江三硅网络科技有限公司 备案/许可证号 浙ICP备17028122号-2</p>
                </div>
                <div>
                    <img src="../img/login-img/aqkx_83x30.png" alt="">
                </div>
            </div>
        </div>
    <div id="consult">
        <a href="javascript:;">
            <img src="../img/login-img/20c93ce1423f4fea837e3a996eaf66c9.png" alt="">
        </a>
        </div>
    
</body>
</html>